import {FC} from "react";

export const IconText:FC = () => {
  return (
    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M9.0625 6.875H6.5625C6.30208 6.875 6.08073 6.78385 5.89844 6.60156C5.71615 6.41927 5.625 6.19792 5.625 5.9375C5.625 5.67708 5.71615 5.45573 5.89844 5.27344C6.08073 5.09115 6.30208 5 6.5625 5H13.4375C13.6979 5 13.9193 5.09115 14.1016 5.27344C14.2839 5.45573 14.375 5.67708 14.375 5.9375C14.375 6.19792 14.2839 6.41927 14.1016 6.60156C13.9193 6.78385 13.6979 6.875 13.4375 6.875H10.9375V14.0625C10.9375 14.3229 10.8464 14.5443 10.6641 14.7266C10.4818 14.9089 10.2604 15 10 15C9.73958 15 9.51823 14.9089 9.33594 14.7266C9.15365 14.5443 9.0625 14.3229 9.0625 14.0625V6.875Z" fill="white"/>
    </svg>
  )
}

export const IconImage:FC = () => {
  return (
    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M5.33333 16C4.96667 16 4.65278 15.8694 4.39167 15.6083C4.13056 15.3472 4 15.0333 4 14.6667V5.33333C4 4.96667 4.13056 4.65278 4.39167 4.39167C4.65278 4.13056 4.96667 4 5.33333 4H14.6667C15.0333 4 15.3472 4.13056 15.6083 4.39167C15.8694 4.65278 16 4.96667 16 5.33333V14.6667C16 15.0333 15.8694 15.3472 15.6083 15.6083C15.3472 15.8694 15.0333 16 14.6667 16H5.33333ZM5.33333 14.6667H14.6667V5.33333H5.33333V14.6667ZM6.66667 13.3333H13.3333C13.4667 13.3333 13.5667 13.2722 13.6333 13.15C13.7 13.0278 13.6889 12.9111 13.6 12.8L11.7667 10.35C11.7 10.2611 11.6111 10.2167 11.5 10.2167C11.3889 10.2167 11.3 10.2611 11.2333 10.35L9.5 12.6667L8.26667 11.0167C8.2 10.9278 8.11111 10.8833 8 10.8833C7.88889 10.8833 7.8 10.9278 7.73333 11.0167L6.4 12.8C6.31111 12.9111 6.3 13.0278 6.36667 13.15C6.43333 13.2722 6.53333 13.3333 6.66667 13.3333Z" fill="white"/>
    </svg>
  )
}

export const IconControl:FC = () => {
  return (
    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M10 15.25C9.83472 15.25 9.69618 15.1941 9.58438 15.0823C9.47257 14.9705 9.41667 14.8319 9.41667 14.6667V12.3333C9.41667 12.1681 9.47257 12.0295 9.58438 11.9177C9.69618 11.8059 9.83472 11.75 10 11.75C10.1653 11.75 10.3038 11.8059 10.4156 11.9177C10.5274 12.0295 10.5833 12.1681 10.5833 12.3333V12.9167H14.6667C14.8319 12.9167 14.9705 12.9726 15.0823 13.0844C15.1941 13.1962 15.25 13.3347 15.25 13.5C15.25 13.6653 15.1941 13.8038 15.0823 13.9156C14.9705 14.0274 14.8319 14.0833 14.6667 14.0833H10.5833V14.6667C10.5833 14.8319 10.5274 14.9705 10.4156 15.0823C10.3038 15.1941 10.1653 15.25 10 15.25ZM5.33333 14.0833C5.16806 14.0833 5.02951 14.0274 4.91771 13.9156C4.8059 13.8038 4.75 13.6653 4.75 13.5C4.75 13.3347 4.8059 13.1962 4.91771 13.0844C5.02951 12.9726 5.16806 12.9167 5.33333 12.9167H7.66667C7.83194 12.9167 7.97049 12.9726 8.08229 13.0844C8.1941 13.1962 8.25 13.3347 8.25 13.5C8.25 13.6653 8.1941 13.8038 8.08229 13.9156C7.97049 14.0274 7.83194 14.0833 7.66667 14.0833H5.33333ZM7.66667 11.75C7.50139 11.75 7.36285 11.6941 7.25104 11.5823C7.13924 11.4705 7.08333 11.3319 7.08333 11.1667V10.5833H5.33333C5.16806 10.5833 5.02951 10.5274 4.91771 10.4156C4.8059 10.3038 4.75 10.1653 4.75 10C4.75 9.83472 4.8059 9.69618 4.91771 9.58438C5.02951 9.47257 5.16806 9.41667 5.33333 9.41667H7.08333V8.83333C7.08333 8.66806 7.13924 8.52951 7.25104 8.41771C7.36285 8.3059 7.50139 8.25 7.66667 8.25C7.83194 8.25 7.97049 8.3059 8.08229 8.41771C8.1941 8.52951 8.25 8.66806 8.25 8.83333V11.1667C8.25 11.3319 8.1941 11.4705 8.08229 11.5823C7.97049 11.6941 7.83194 11.75 7.66667 11.75ZM10 10.5833C9.83472 10.5833 9.69618 10.5274 9.58438 10.4156C9.47257 10.3038 9.41667 10.1653 9.41667 10C9.41667 9.83472 9.47257 9.69618 9.58438 9.58438C9.69618 9.47257 9.83472 9.41667 10 9.41667H14.6667C14.8319 9.41667 14.9705 9.47257 15.0823 9.58438C15.1941 9.69618 15.25 9.83472 15.25 10C15.25 10.1653 15.1941 10.3038 15.0823 10.4156C14.9705 10.5274 14.8319 10.5833 14.6667 10.5833H10ZM12.3333 8.25C12.1681 8.25 12.0295 8.1941 11.9177 8.08229C11.8059 7.97049 11.75 7.83194 11.75 7.66667V5.33333C11.75 5.16806 11.8059 5.02951 11.9177 4.91771C12.0295 4.8059 12.1681 4.75 12.3333 4.75C12.4986 4.75 12.6372 4.8059 12.749 4.91771C12.8608 5.02951 12.9167 5.16806 12.9167 5.33333V5.91667H14.6667C14.8319 5.91667 14.9705 5.97257 15.0823 6.08438C15.1941 6.19618 15.25 6.33472 15.25 6.5C15.25 6.66528 15.1941 6.80382 15.0823 6.91563C14.9705 7.02743 14.8319 7.08333 14.6667 7.08333H12.9167V7.66667C12.9167 7.83194 12.8608 7.97049 12.749 8.08229C12.6372 8.1941 12.4986 8.25 12.3333 8.25ZM5.33333 7.08333C5.16806 7.08333 5.02951 7.02743 4.91771 6.91563C4.8059 6.80382 4.75 6.66528 4.75 6.5C4.75 6.33472 4.8059 6.19618 4.91771 6.08438C5.02951 5.97257 5.16806 5.91667 5.33333 5.91667H10C10.1653 5.91667 10.3038 5.97257 10.4156 6.08438C10.5274 6.19618 10.5833 6.33472 10.5833 6.5C10.5833 6.66528 10.5274 6.80382 10.4156 6.91563C10.3038 7.02743 10.1653 7.08333 10 7.08333H5.33333Z" fill="white"/>
    </svg>
  )
}

export const IconTest:FC = () => {
  return (
    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M4.98078 16.375C4.60794 16.375 4.28877 16.2422 4.02327 15.9767C3.75776 15.7112 3.625 15.392 3.625 15.0192V4.98078C3.625 4.60794 3.75776 4.28877 4.02327 4.02327C4.28877 3.75776 4.60794 3.625 4.98078 3.625H15.0192C15.392 3.625 15.7112 3.75776 15.9767 4.02327C16.2422 4.28877 16.375 4.60794 16.375 4.98078V15.0192C16.375 15.392 16.2422 15.7112 15.9767 15.9767C15.7112 16.2422 15.392 16.375 15.0192 16.375H4.98078ZM4.98078 15.25H15.0192C15.0865 15.25 15.1418 15.2283 15.1851 15.1851C15.2283 15.1418 15.25 15.0865 15.25 15.0192V6.24998H4.74998V15.0192C4.74998 15.0865 4.77162 15.1418 4.81489 15.1851C4.85817 15.2283 4.91346 15.25 4.98078 15.25ZM9.99998 13.375C9.08076 13.375 8.25648 13.1317 7.52716 12.6452C6.79784 12.1586 6.25915 11.5269 5.91107 10.75C6.25915 9.97307 6.79784 9.34134 7.52716 8.85481C8.25648 8.36827 9.08076 8.125 9.99998 8.125C10.9192 8.125 11.7435 8.36827 12.4728 8.85481C13.2021 9.34134 13.7408 9.97307 14.0889 10.75C13.7408 11.5269 13.2021 12.1586 12.4728 12.6452C11.7435 13.1317 10.9192 13.375 9.99998 13.375ZM9.99998 12.4807C10.6471 12.4807 11.2425 12.3283 11.7863 12.0235C12.33 11.7187 12.7716 11.2942 13.111 10.75C12.7716 10.2058 12.33 9.78124 11.7863 9.47643C11.2425 9.17163 10.6471 9.01923 9.99998 9.01923C9.35287 9.01923 8.75744 9.17163 8.21369 9.47643C7.66994 9.78124 7.22836 10.2058 6.88894 10.75C7.22836 11.2942 7.66994 11.7187 8.21369 12.0235C8.75744 12.3283 9.35287 12.4807 9.99998 12.4807ZM10.0017 11.7307C10.2746 11.7307 10.506 11.6352 10.6959 11.4442C10.8858 11.2532 10.9807 11.0212 10.9807 10.7483C10.9807 10.4754 10.8852 10.244 10.6942 10.0541C10.5032 9.86418 10.2712 9.76923 9.99828 9.76923C9.72538 9.76923 9.49398 9.86474 9.30408 10.0558C9.11418 10.2468 9.01922 10.4788 9.01922 10.7517C9.01922 11.0246 9.11474 11.256 9.30578 11.4459C9.49681 11.6358 9.72878 11.7307 10.0017 11.7307Z" fill="white"/>
    </svg>
  )
}

export const IconAxis:FC = () => {
  return (
    <svg width="1108" height="34" viewBox="0 0 1108 34" fill="none" xmlns="http://www.w3.org/2000/svg">
      <rect x="33.5" y="11" width="1" height="6" fill="#C3B3AB"/>
      <rect x="33.5" y="17" width="1" height="6" fill="#C3B3AB"/>
      <rect x="34.5" y="16.5" width="102.95" height="1" fill="#C3B3AB"/>
      <rect x="137.449" y="11" width="1" height="6" fill="#C3B3AB"/>
      <rect x="137.449" y="17" width="1" height="6" fill="#C3B3AB"/>
      <rect x="138.449" y="16.5" width="102.95" height="1" fill="#C3B3AB"/>
      <rect x="241.4" y="11" width="1" height="6" fill="#C3B3AB"/>
      <rect x="241.4" y="17" width="1" height="6" fill="#C3B3AB"/>
      <rect x="242.4" y="16.5" width="102.95" height="1" fill="#C3B3AB"/>
      <rect x="345.35" y="11" width="1" height="6" fill="#C3B3AB"/>
      <rect x="345.35" y="17" width="1" height="6" fill="#C3B3AB"/>
      <rect x="346.35" y="16.5" width="102.95" height="1" fill="#C3B3AB"/>
      <rect x="449.301" y="11" width="1" height="6" fill="#C3B3AB"/>
      <rect x="449.301" y="17" width="1" height="6" fill="#C3B3AB"/>
      <rect x="450.301" y="16.5" width="102.95" height="1" fill="#C3B3AB"/>
      <rect x="553.25" y="11" width="1" height="6" fill="#C3B3AB"/>
      <rect x="553.25" y="17" width="1" height="6" fill="#C3B3AB"/>
      <rect x="554.25" y="16.5" width="102.95" height="1" fill="#C3B3AB"/>
      <rect x="657.199" y="11" width="1" height="6" fill="#C3B3AB"/>
      <rect x="657.199" y="17" width="1" height="6" fill="#C3B3AB"/>
      <rect x="658.199" y="16.5" width="102.95" height="1" fill="#C3B3AB"/>
      <rect x="761.15" y="11" width="1" height="6" fill="#C3B3AB"/>
      <rect x="761.15" y="17" width="1" height="6" fill="#C3B3AB"/>
      <rect x="762.15" y="16.5" width="102.95" height="1" fill="#C3B3AB"/>
      <rect x="865.1" y="11" width="1" height="6" fill="#C3B3AB"/>
      <rect x="865.1" y="17" width="1" height="6" fill="#C3B3AB"/>
      <rect x="866.1" y="16.5" width="102.95" height="1" fill="#C3B3AB"/>
      <rect x="969.051" y="11" width="1" height="6" fill="#C3B3AB"/>
      <rect x="969.051" y="17" width="1" height="6" fill="#C3B3AB"/>
      <rect x="970.051" y="16.5" width="102.95" height="1" fill="#C3B3AB"/>
      <rect x="1073" y="11" width="1" height="6" fill="#C3B3AB"/>
      <rect x="1073" y="17" width="1" height="6" fill="#C3B3AB"/>
      <rect x="1074" y="16.5" width="20" height="1" fill="#C3B3AB"/>
      <path d="M1103 17L1094 22L1094 12L1103 17Z" fill="#C3B3AB"/>
    </svg>
  )
}

export const IconPrompt: FC = () => {
  return (
    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M5.33333 16C4.96667 16 4.65278 15.8694 4.39167 15.6083C4.13056 15.3472 4 15.0333 4 14.6667V5.33333C4 4.96667 4.13056 4.65278 4.39167 4.39167C4.65278 4.13056 4.96667 4 5.33333 4H14.6667C15.0333 4 15.3472 4.13056 15.6083 4.39167C15.8694 4.65278 16 4.96667 16 5.33333V14.6667C16 15.0333 15.8694 15.3472 15.6083 15.6083C15.3472 15.8694 15.0333 16 14.6667 16H5.33333ZM5.33333 14.6667H14.6667V5.33333H5.33333V14.6667ZM7.33333 13.3333H10.6667C10.8556 13.3333 11.0139 13.2694 11.1417 13.1417C11.2694 13.0139 11.3333 12.8556 11.3333 12.6667C11.3333 12.4778 11.2694 12.3194 11.1417 12.1917C11.0139 12.0639 10.8556 12 10.6667 12H7.33333C7.14444 12 6.98611 12.0639 6.85833 12.1917C6.73056 12.3194 6.66667 12.4778 6.66667 12.6667C6.66667 12.8556 6.73056 13.0139 6.85833 13.1417C6.98611 13.2694 7.14444 13.3333 7.33333 13.3333ZM7.33333 10.6667H12.6667C12.8556 10.6667 13.0139 10.6028 13.1417 10.475C13.2694 10.3472 13.3333 10.1889 13.3333 10C13.3333 9.81111 13.2694 9.65278 13.1417 9.525C13.0139 9.39722 12.8556 9.33333 12.6667 9.33333H7.33333C7.14444 9.33333 6.98611 9.39722 6.85833 9.525C6.73056 9.65278 6.66667 9.81111 6.66667 10C6.66667 10.1889 6.73056 10.3472 6.85833 10.475C6.98611 10.6028 7.14444 10.6667 7.33333 10.6667ZM7.33333 8H12.6667C12.8556 8 13.0139 7.93611 13.1417 7.80833C13.2694 7.68056 13.3333 7.52222 13.3333 7.33333C13.3333 7.14444 13.2694 6.98611 13.1417 6.85833C13.0139 6.73056 12.8556 6.66667 12.6667 6.66667H7.33333C7.14444 6.66667 6.98611 6.73056 6.85833 6.85833C6.73056 6.98611 6.66667 7.14444 6.66667 7.33333C6.66667 7.52222 6.73056 7.68056 6.85833 7.80833C6.98611 7.93611 7.14444 8 7.33333 8Z" fill="white"/>
    </svg>

  )
}

export const IconRightArrow: FC = () => {
  return (
    <svg width="144" height="11" viewBox="0 0 144 11" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fillRule="evenodd" clipRule="evenodd" d="M134 11L144 5.5L134 0V4H0V7H134V11Z" fill="url(#paint0_linear_744_1921)" fillOpacity="0.4"/>
      <defs>
        <linearGradient id="paint0_linear_744_1921" x1="84" y1="5.5" x2="145" y2="5.5" gradientUnits="userSpaceOnUse">
          <stop stopColor="#C3B3AB"/>
          <stop offset="1" stopColor="#5D5552"/>
        </linearGradient>
      </defs>
    </svg>
  )
}

export const IconDownArrow: FC = () => {
  return (
    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M7.99987 9.96628C7.91098 9.96628 7.82765 9.95239 7.74987 9.92461C7.67209 9.89683 7.59987 9.84961 7.5332 9.78294L4.46654 6.71628C4.34431 6.59405 4.2832 6.4385 4.2832 6.24961C4.2832 6.06072 4.34431 5.90516 4.46654 5.78294C4.58876 5.66072 4.74431 5.59961 4.9332 5.59961C5.12209 5.59961 5.27765 5.66072 5.39987 5.78294L7.99987 8.38294L10.5999 5.78294C10.7221 5.66072 10.8776 5.59961 11.0665 5.59961C11.2554 5.59961 11.411 5.66072 11.5332 5.78294C11.6554 5.90516 11.7165 6.06072 11.7165 6.24961C11.7165 6.4385 11.6554 6.59405 11.5332 6.71628L8.46654 9.78294C8.39987 9.84961 8.32765 9.89683 8.24987 9.92461C8.17209 9.95239 8.08876 9.96628 7.99987 9.96628Z" fill="#707070"/>
    </svg>
  )
}

export const IconCursor: FC = () => {
  return (
    <svg width="6" height="72" viewBox="0 0 6 72" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M3.5 5L5.88675 1.26184e-07L0.113249 -1.26184e-07L2.5 5L3.5 5ZM2.5 67L0.113245 72L5.88675 72L3.5 67L2.5 67ZM2.5 4.5L2.5 67.5L3.5 67.5L3.5 4.5L2.5 4.5Z" fill="#333333"/>
    </svg>
  )
}

export const IconAxisArrow: FC = () => {
  return (
    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M4.00065 14C3.81176 14 3.65343 13.9361 3.52565 13.8083C3.39787 13.6806 3.33398 13.5222 3.33398 13.3333V6.66667C3.33398 6.47778 3.39787 6.31944 3.52565 6.19167C3.65343 6.06389 3.81176 6 4.00065 6C4.18954 6 4.34787 6.06389 4.47565 6.19167C4.60343 6.31944 4.66732 6.47778 4.66732 6.66667V13.3333C4.66732 13.5222 4.60343 13.6806 4.47565 13.8083C4.34787 13.9361 4.18954 14 4.00065 14ZM14.1173 10.6667H6.66732C6.47843 10.6667 6.3201 10.6028 6.19232 10.475C6.06454 10.3472 6.00065 10.1889 6.00065 10C6.00065 9.81111 6.06454 9.65278 6.19232 9.525C6.3201 9.39722 6.47843 9.33333 6.66732 9.33333H14.1173L12.2007 7.4C12.0784 7.27778 12.0145 7.125 12.009 6.94167C12.0034 6.75833 12.0673 6.6 12.2007 6.46667C12.3229 6.34444 12.4784 6.28333 12.6673 6.28333C12.8562 6.28333 13.0118 6.34444 13.134 6.46667L16.2007 9.53333C16.2673 9.6 16.3145 9.67222 16.3423 9.75C16.3701 9.82778 16.384 9.91111 16.384 10C16.384 10.0889 16.3701 10.1722 16.3423 10.25C16.3145 10.3278 16.2673 10.4 16.2007 10.4667L13.134 13.5333C13.0118 13.6556 12.859 13.7167 12.6757 13.7167C12.4923 13.7167 12.334 13.6556 12.2007 13.5333C12.0673 13.4 12.0007 13.2417 12.0007 13.0583C12.0007 12.875 12.0673 12.7167 12.2007 12.5833L14.1173 10.6667Z" fill="white"/>
    </svg>
  )
}



